<template>
<div class="step-item">
    <div class="step-item-extend" v-if="extends">{{extends}}</div>
    <div class="step-item-icon"></div>
    <div class="step-item-inner">
        <div class="step-item-inner-title">
            <template v-if="title">{{ title }}</template>
            <slot v-else></slot>
        </div>
        <div class="step-item-inner-subtitle">{{ subTitle }}</div>
    </div>
</div>
</template>


<script lang="ts" setup>
export interface IStepItemProps {
    title?: string;
    subTitle?: string;
    extends?: string;
}
withDefaults(defineProps<IStepItemProps>(),{

})
</script>


<style lang="less" scoped>
@import "./step-item.less";
</style>